<!DOCTYPE html>
<html lang="zh-CN" dir="ltr">

<head>
    <meta charset="UTF-8">
    <title>自定义主页</title>
    <link rel="stylesheet" href="beginPageCss1.css" type="text/css">
    <meta name="viewport" content="width=device-width,initial-scale=0.7"  user-scalable=no>
    <script>

        function testClick(){
            var searchInput = document.getElementById("searchInput").value;
            window.WebViewJavascriptBridge.callHandler(
                'submitFromWeb'
                , searchInput
                , function(responseData){
                    alert(responseData)
                }
            );
        }



    </script>

</head>

<body>

    <div class="backgroundBox1">
        <div class="backgroundBox2">
            <a class="signPicture">
                <img src="./logo_google_text.png" alt="大图">
            </a>
            <div id="backgroundFormStyle">
                <div id="searchForm">
                    <input type="hidden" name="hiddenInput" value="3" />
                    <input type="text" name="wd" placeholder="搜索框" id="searchInput" autocomplete="off" />
                    <input type="submit" value="" id="confirmInput" onclick="testClick()"/>
                </div>
            </div>
            <div class="iconBackBoxAll">
                <a class="iconBackBox" href="https://www.bilibili.com">
                    <div class="photo" style="background-image: url(bilibili-line.png);background-size:cover"></div>
                    <div class="verble">
                        <p>bilibili</p>
                    </div>
                </a>
                <a class="iconBackBox" href="https://www.zhihu.com/">
                    <div  class="photo" style="background-image: url(知乎.png);background-size:cover"></div>
                    <div class="verble">
                        <p>知乎</p>
                    </div>
                </a>
                <a class="iconBackBox" href="https://weibo.com/">
                    <div  class="photo" style="background-image: url(微博.png);background-size:cover"></div>
                    <div class="verble">
                        <p>微博</p>
                    </div>
                </a>
                <a class="iconBackBox" href="https://github.com/">
                    <div  class="photo" style="background-image: url(GitHub.png);background-size:cover"></div>
                    <div class="verble">
                        <p>GitHub</p>
                    </div>
                </a>
<!--                <a class="iconBackBox" href="https://www.bilibili.com">-->
<!--                    <img src="./google.png" alt="图">-->
<!--                    <div>-->
<!--                        <p>bilibili</p>-->
<!--                    </div>-->
<!--                </a>-->
<!--                <a class="iconBackBox" href="https://www.bilibili.com">-->
<!--                    <img src="./google.png" alt="图">-->
<!--                    <div>-->
<!--                        <p>bilibili</p>-->
<!--                    </div>-->
<!--                </a>-->
<!--                <a class="iconBackBox" href="https://www.bilibili.com">-->
<!--                    <img src="./google.png" alt="图">-->
<!--                    <div>-->
<!--                        <p>bilibili</p>-->
<!--                    </div>-->
<!--                </a>-->
<!--                <a class="iconBackBox" href="https://www.bilibili.com">-->
<!--                    <img src="./google.png" alt="图">-->
<!--                    <div>-->
<!--                        <p>bilibili</p>-->
<!--                    </div>-->
<!--                </a>-->
            </div>
        </div>
    </div>
</body>

</html>